<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tab插件测试</title>
<link type="text/css" rel="stylesheet" media="all" href="../css/style.css"/>
<script type="text/javascript" src="../js/jquery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="../js/jquery/plugins/jquery.nav.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#mynav").myNav();
	});
</script>
</head>

<body>
	<div id="mynav" class="mynav">
    	<ul class="mainNav">
    	  <li class="mainNavLi firstNav">
          	<a href="javascript:void(0);" class="mainNavLink">首页</a>
            <div class="mainNavContent">
            	<ul class="subNav">
                	<li><a href="javascript:void(0);" class="subNavLink">菜单1</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单2</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单3</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单4</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单5</a></li>
                </ul>
            </div>
          </li>
    	  <li class="mainNavLi">
          	<a href="javascript:void(0);" class="mainNavLink">组织</a>
            <div class="mainNavContent">
            	<ul class="subNav">
                	<li><a href="javascript:void(0);" class="subNavLink">菜单1</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单2</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单3</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单4</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单5</a></li>
                </ul>
            </div>
          </li>
    	  <li class="mainNavLi">
          	<a href="javascript:void(0);" class="mainNavLink">员工</a>
            <div class="mainNavContent">
            	<ul class="subNav">
                	<li><a href="javascript:void(0);" class="subNavLink">菜单1</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单2</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单3</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单4</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单5</a></li>
                </ul>
            </div>
          </li>
    	  <li class="mainNavLi">
          	<a href="javascript:void(0);" class="mainNavLink">招聘</a>
            <div class="mainNavContent">
            	<ul class="subNav">
                	<li><a href="javascript:void(0);" class="subNavLink">菜单1</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单2</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单3</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单4</a></li>
                	<li><a href="javascript:void(0);" class="subNavLink">菜单5</a></li>
                </ul>
            </div>
          </li>
    	</ul>
    </div>
</body>
</html>
